<template>
  <el-config-provider 
  :locale="locale"
  :size="size">
    <!-- 开启水印 -->
    <el-watermark
      :font="{color: fontColor}"
      :content="watermarkEnabled? defaultSettings.watermarkContent: '孙国钦'"
      :z-index="99999"
      class="wh-full"
    >
      <router-view />
    </el-watermark>
  </el-config-provider>
</template>

<script setup>
import { useAppStore, useSettingsStore } from "@/store";
import defaultSettings from "@/settings";
import { ThemeMode } from "@/enums/settings/theme.enum";

const appStore = useAppStore();
const settingStore = useSettingsStore();

const locale = computed(() => appStore.locale);
const size = computed(() => appStore.size);
const watermarkEnabled = computed(() => settingStore.watermarkEnabled);

// 明亮/暗黑主题水印字体颜色适配
const fontColor = computed(() => {
  return settingStore.theme === ThemeMode.DARK
    ? "rbga(255,255,255,.15)"
    : "rgba(0,0,0,.15)";
});
</script>

<style scoped>
</style>